@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&display=swap');


/* Universal */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

/* Navigation Bar */
.navigation-bar{
    background: #0D6EFD;
    padding: 4px 0;
}
.left-nav-section{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding-left: 55px;
}
.left-nav-section h1{
    font-family: 'Playfair Display', serif; 
    color: white;
    font-size: 40px;
}
.left-nav-section h1 span{
    color: orange;
}
.left-nav-section p{
    position: relative;
    top: 11px;
    font-weight: 500;
    color: white;
}
.right-nav-section{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    color: white;
}
.right-nav-section a{
    text-decoration: none;
    color: white;
    font-weight: 500;
}
.right-nav-section input{
    border: none;
    outline: none;
    padding: 4px 6px;
    border-radius: 4px;
}
.right-nav-section button{
    border: none;
    outline: none;
    padding: 3px 8px;
    font-weight: 500;
    border-radius: 3px;
    background: orange;
    color: white;
}


/* Section One */
.section-one{
    position: relative; 
    top: 30px;
}
.section-one-left-bar{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 100px 0;
}
.section-one-left-bar h2{
    font-family: 'Playfair Display', serif; 
    color: orange;
}
.section-one-left-bar p{
    padding: 0 25px;
    text-align: justify;
    font-size: 15px;
    font-weight: 450;
    color: grey;
}
.buttons-section-one{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
}
.buttons-section-one a{
    text-decoration: none;
    padding: 4px 28px;
    border-radius: 3px;
    background: #0D6EFD;
    color: white;
}
.buttons-section-one button{
    border: none;
    outline: none;
    background: white;
    color: #0D6EFD;
    font-weight: 500;
}
.section-one-right-bar{
    background: url("../../Images/Index-page-image/section-one/bg-one.png");
    background-repeat: no-repeat;
    background-position: right;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 75px 0;
}


/* Section Two */
.section-two-left-bar{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.section-two-left-bar h2{
    font-family: 'Playfair Display', serif; 
    color: orange;
}
.section-two-left-bar p{
    padding: 0 25px;
    text-align: justify;
    font-size: 15px;
    font-weight: 450;
    color: grey;
}
.section-two-left-bar a{
    text-decoration: none;
    padding: 4px 28px;
    border-radius: 3px;
    background: #0D6EFD;
    color: white;
}
.section-two-right-bar{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}
.section-two-right-bar img{
    width: 800px;
}


/* Section Three */
.section-three{
    background: #FFA500;
}
.section-three-left-bar{
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-three-left-bar img{
    width: 850px;
}
.section-three-right-bar{
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-direction: column;
}
.section-three-right-bar h2{
    font-family: 'Playfair Display', serif; 
    color: white;
}
.section-three-right-bar p{
    padding: 0 25px;
    text-align: justify;
    font-size: 15px;
    font-weight: 450;
    color: white;
}
.section-three-right-bar a{
    text-decoration: none;
    padding: 4px 28px;
    border-radius: 3px;
    background: #0D6EFD;
    color: white;
}


/* Why Us Section */
.why-us{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 16px 0;
}
.why-us-column-section{
    padding: 45px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.why-us-column-bar-ten{
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}
.why-us-column-section h2{
    color: orange;
    font-weight: bold;
    font-size: 38px;
}
.why-us-column-section p{
    padding: 0px 40px;
    text-align: center;
    font-weight: 500;
    color: grey;
}
.why-us-row-section-one{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
}
.why-us-column-section-two{
    display: flex;
    align-items: center;
    justify-content: center;
}
.why-us-column-inside{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 6px;
    border-radius: 6px;
    background: orange;
}
.why-us-column-inside img{
    width: 100px;
}
.why-us-column-inside h6{
    color: white;
    font-weight: bold;
    font-size: 19px;
    color: #0D6EFD;
}
.why-us-column-inside p{
    font-size: 13px;
    text-align: justify;
    color: white;
    font-weight: 450;
}





/* Footer Bar */
/* Footer Section One */
.footer-section-bar{
    position: relative;
    top: 30px;
}
.footer-section-bar-one{
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(214, 213, 213);
}
.footer-section-bar-one h2{
    font-weight: 500;
    letter-spacing: 1px;
    width: 100%;
    color: #0D6EFD;
    padding-left: 35px;
    font-size: 25px;
}
.marqueetag img{
    width: 150px;
}
/* Footer Section Two */
.footer-section-bar-two{
    background: black;
}
.footer-section-bar-two-row-section{
    display: flex;
    align-items: center;
    justify-content: center;
}
.first-footer-column{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px 0;
}
.first-footer-column img{
    width: 120px;
}
.icon-bar{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.icon-bar img{
    width: 20px;
}
.second-footer-column{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.second-footer-column h6{
    font-size: 21px;
    font-weight: bold;
}
.second-footer-column a{
    text-decoration: none;
    color: white;
    font-weight: 500;
    font-size: 13px;
}
.second-footer-column p{
    color: white;
    font-size: 14px;
} 
.first-footer-column p{
    color: white;
    font-size: 13px;
}

/* Footer Section Three */
.footer-section-bar-three{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-section-bar-three p{
    font-weight: 500;
    position: relative;
    top: 6px;
}